$("#gridDanhSachNhanVien").jqGrid({        
   	url:'/quanlynhanvien/json/?func=getListNhanVien',
	datatype: "json",
   	colNames:['Mã NV','Tên nhân viên', 'Ngày sinh', 'Số CMND','Ngày cấp','Nơi cấp','Điện thoại', 'Email', 'Địa chỉ', 'Loại nhân viên',
   	          'Username', 'Lương cơ bản', 'Thưởng đạt mức', 'Người quản lý'],
   	colModel:[
   		{name:'id',index:'maNV', width:55,edittype:"select"},
   		{name:'tenNV',index:'tenNV', width:90, editable:true},
   		{name:'ngaySinh',index:'ngaySinh', width:100, editable:true, 
   			editoptions: {
   		      size: 10, maxlengh: 10,
   		      dataInit: function(element) {
   		        $(element).datepicker({dateFormat: 'dd/mm/yy'})
   		      }
   			}
   		},
   		{name:'soCMND',index:'soCMND', width:80, align:"right", editable:true},
   		{name:'ngayCap',index:'ngayCap', width:80, align:"right", editable:true,
   			editoptions: {
     		      size: 10, maxlengh: 10,
     		      dataInit: function(element) {
     		        $(element).datepicker({dateFormat: 'dd/mm/yy'})
     		      }
     			}
     	},		
   		{name:'noiCap',index:'noiCap', width:80,align:"right", editable:true},		
   		{name:'dienThoai',index:'dienThoai', width:80, sortable:false, editable:true},
   		{name:'email',index:'email', width:80, sortable:false, editable:true},
   		{name:'diaChi',index:'diaChi', width:150, sortable:false, editable:true},
   		{name:'tenLoaiNV',index:'loaiNV', width:150, sortable:false, editable:true, edittype:"select", editoptions:{value: $('#lstLoaiNV').val()} },
   		{name:'username',index:'username', width:80, sortable:false, editable:true},
   		{name:'luongCoBan',index:'luongCoBan', width:80, sortable:false, editable:false, hidden:true},
   		{name:'thuongDatMuc',index:'thuongDatMuc', width:80, sortable:false, editable:true},
   		{name:'parentId',index:'parentId', width:80, sortable:false, editable:true, edittype:"select", editoptions:{value: $('#lstNV').val()}},
   	],
   	rowNum:10,
   	rowList:[10,20,30],
   	pager: '#pDanhSachNhanVien',
   	sortname: 'maNV',
    viewrecords: true,
    loadonce: false,
    sortorder: "desc",
	jsonReader: {
		repeatitems : false,
		id: "0"
	},
	caption: "Danh sách nhân viên",
	width: '971',
    height: '100%',
	editurl:"/quanlynhanvien/json/?func=updateNhanVien"
});
jQuery("#gridDanhSachNhanVien").jqGrid('navGrid','#pDanhSachNhanVien',
									{
										edit:true,
										add:true,
										del:true
									});

$(document).ready(function() {
	$('#search').click(function(){$("#gridDanhSachNhanVien").jqGrid().setGridParam({url : '/quanlynhanvien/json/?func=getListNhanVien&tenNV=' + $('#cbbTenNV').val() + '&loaiNV=' + $('#cbbLoaiNV').val()}).trigger('reloadGrid')});
	$('#QuanLy').addClass('Active');
    
});